*{
  padding: 0;
  margin: 0;  
  box-sizing: border-box;
}


#main_container {
    width: 100%;
    height: 100%;
}
html, body {
    width: 100%;
    margin: 0;
    height: 100%;
    padding: 0;
}

#target{
    width: 40px;
    height: 30px;
    position: absolute;
    left: 100px;
    top: 100px;
    text-align: center;
    border: 1px solid orange;
    padding-top: 5px;
    font-size: 16px;
}

#placeholder {
    position: absolute;  width: 800px;  height: 400px;  right: 0; display: none;
}


#route {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid yellowgreen;
    background-color: hsla(0,0%,0%, 0.05);
    margin: -30px 0 0 -30px;
    display: none;
}

.radius{
    border: 2px solid yellowgreen;
    background-color: hsla(0,0%,0%, 0.05);
    position: absolute;
    display: none;
}

.menu-title{
}

#target.hover #menu{
  display: block;
}
  
  #menu {
    position: absolute;
    width: 150px;
    border: 1px solid black;
    margin-left: -55px;
    margin-top: 4px;
    display: none;
}


#dropdown li{
    list-style: none;
    
}